<template>
    <div class="content">
            <router-view></router-view>
            <div class="foot">
                    <ul>
                        <li :class="{changecolor:ordername == 'film'}" @click="choseFilm('film')">电影</li>
                        <li :class="{changecolor:ordername == 'cinema'}" @click="choseCinema('cinema')">影院</li>
                        <li :class="{changecolor:ordername == 'news'}" @click="choseNews('news')">资讯</li>
                        <li :class="{changecolor:ordername == 'mine'}" @click="choseMy('mine')">我的</li>
                    </ul>
            </div>
        </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
    data(){
        return{
            ordername:"film"
        }
    },
    methods: {
        choseFilm(name){
            console.log(name);
            this.$router.push("/enter/film/nowshow");
            this.ordername = name;
        },
        choseCinema(name){
            this.ordername = name;
            this.$router.push("/enter/cinemas");
        },
        choseNews(name){
            this.ordername = name;
            this.$router.push("/new");
        },
        choseMy(name){
            this.ordername = name;
            this.$router.push("/enter/personcenter");
        },

    }
}
</script>
